<div class="bpm-work">
  <div class="bpm-work-ex">
    <div class="bpm-work-ex-content">
      <div class="bpm-tabs">
        <h2 class="bpm-tabs-title">
          留言板
        </h2>
        <div class="bpm-tabs-sub">
          <div class="bpm-tabs-sub-ioc"></div>
          <div class="bpm-tabs-sub-h2">基本信息</div>
        </div>
        <table>
          <tr>
            <td class="form-text"><nz-form-label class="form-label">站点</nz-form-label></td>
            <td class="form-input" colspan="3">
              <nz-form-control class="form-control">
                {{fs.er.siteName}}
                <!-- <nz-tree-select class="fm-input" [(ngModel)]="fs.er.siteId" nzPlaceHolder="请选择"
                  [nzMultiple]="false" [nzDropdownMatchSelectWidth]="true" [nzDropdownStyle]="{ 'max-height': '300px' }"
                  [nzAsyncData]="true" [nzNodes]="sideDic.treeDatas" (ngModelChange)="treeClick($event)">
                </nz-tree-select> -->
              </nz-form-control>
            </td>
          </tr>
          <tr>
            <td class="form-text">
              <nz-form-label class="form-label">标题</nz-form-label>
            </td>
            <td colspan="3" class="form-input">
              <nz-form-control class="form-control4">
                {{fs.er.title}}
                <!-- <input nz-input [(ngModel)]="fs.er.title" name="title" /> -->
              </nz-form-control>
            </td>
          </tr>
          <tr>
            <td class="form-text"><nz-form-label class="form-label">内容</nz-form-label></td>
            <td colspan="3" class="form-input">
              <nz-form-control class="form-control4">
                {{fs.er.content}}
                <!-- <textarea nz-input [(ngModel)]="fs.er.content" style="height: 100px;" name="content"></textarea> -->
              </nz-form-control>
            </td>
          </tr>
          <tr>
            <td class="form-text"><nz-form-label class="form-label">分类</nz-form-label></td>
            <td class="form-input">
              <nz-form-control class="form-control">
                {{fs.er.typeName}}
                <!-- <nz-select class="fm-input" [(ngModel)]="fs.er.type" [nzPlaceHolder]="'请选择'" name="type">
                  <nz-option *ngFor="let option of modeDic.datas" [nzLabel]="option.display" [nzValue]="option.id">
                  </nz-option>
                  <nz-option *ngIf="modeDic.isLoading" nzDisabled nzCustomContent>
                    <i nz-icon type="loading" class="loading-icon"></i>加载中...
                  </nz-option>
                </nz-select> -->
              </nz-form-control>
            </td>
            <td class="form-text"><nz-form-label class="form-label">状态</nz-form-label></td>
            <td class="form-input">
              <nz-form-control class="form-control">
                {{fs.er.stateName}}
              </nz-form-control>
            </td>
          </tr>
          <tr>
            <td class="form-text"><nz-form-label class="form-label">留言人</nz-form-label></td>
            <td class="form-input">
              {{fs.er.messagePersonName}}
            </td>
            <td class="form-text"><nz-form-label class="form-label">留言时间</nz-form-label></td>
            <td class="form-input">
              {{fs.er.messageTime  | date:'yyyy-MM-dd HH:mm:ss'}}
            </td>
          </tr>
        </table>
        <div class="bpm-tabs-sub" *ngIf="fs.er.state==='2'">
          <div class="bpm-tabs-sub-ioc"></div>
          <div class="bpm-tabs-sub-h2">回复信息</div>
        </div>
        <table *ngIf="fs.er.state==='2'">
          <tr>
            <td class="form-text"><nz-form-label class="form-label">回复内容</nz-form-label></td>
            <td colspan="3" class="form-input">
              <textarea nz-input [(ngModel)]="fs.er.replycontent" style="height: 100px;" name="replycontent"></textarea>
            </td>
          </tr>
          <tr>
            <td class="form-text"><nz-form-label class="form-label">回复人</nz-form-label></td>
            <td class="form-input">
              {{fs.er.replyPersonName}}
            </td>
            <td class="form-text"><nz-form-label class="form-label">回复时间</nz-form-label></td>
            <td class="form-input">
              {{fs.er.replyTime  | date:'yyyy-MM-dd HH:mm:ss'}}
            </td>
          </tr>
        </table>
      </div>
    </div>
  </div>
  <div class="content-loading" *ngIf="fs.isLoading || fs.isSaveing">
    <nz-spin [nzSize]="'large'"></nz-spin>
  </div>
</div>
<div class="bpm-foot">
  <div class="tools">
    <div class="item" (click)="save()" *ngIf="fs.er.state==='2'">
      <i nz-icon type="save" class="icon"></i>
      <span class="form-text">回复</span>
    </div>
    <div class="item" (click)="pass()" *ngIf="fs.er.state==='1' || fs.er.state==='3'">
      <i nz-icon type="save" class="icon"></i>
      <span class="form-text">通过</span>
    </div>
    <div class="item" (click)="noPass()" *ngIf="fs.er.state==='1' || fs.er.state==='2'">
      <i nz-icon type="save" class="icon"></i>
      <span class="form-text">不通过</span>
    </div>
    <div class="item" (click)="save()" *ngIf="!fs.er.state">
      <i nz-icon type="save" class="icon"></i>
      <span class="form-text">保存</span>
    </div>
    <div class="item" (click)="close()">
      <i nz-icon type="logout" class="icon"></i>
      <span class="form-text">关闭</span>
    </div>
  </div>
</div>
